<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" type="text/css" href="css/layerslider.css"/>
    <link rel="stylesheet" href="css/animate.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<!--右边炫富导航-->
<div class="xuanfu">
    <a href="##" class="aaa"><em></em><span>在线咨询</span></a>
    <a href="##" class="bbbb" onclick="xianshen()"><em></em><span>申请量房</span></a>
    <a href="##" class="ccc" onclick="xianshen()"><em></em><span>预约设计</span></a>
    <a href="##" class="ddd" onclick="ding()"><em></em><span>返回顶部</span></a>
</div>
<!--手机端-->
<div class="xuanfu xuanfus">
    <a href="##" class="ddd" onclick="ding()"><em></em><span>返回顶部</span></a>
</div>
<!--时不时弹出框-->
<div class="tans" id="dhs">
    <div>
        <img src="images/30.png" alt="">
        <span onclick="die()" class="die"></span>
        <span class="mian">免费电话</span>
        <a href="">点击咨询</a>
    </div>
</div>
<!--左边炫富框-->
<div class="nav-top">
    <div class="row">
        <div class="col-md-6 col-xs-12"><p>欢迎来到鼎晟装饰</p></div>
        <div class="col-md-6 col-xs-12 login">
            <ul>
                <li><a href=""><img src="images/weibo.jpg" alt="">&nbsp;微博登录</a></li>
                <li><a href=""><img src="images/qq.jpg" alt="">&nbsp;QQ登录</a></li>
                <li><a href=""><img src="images/weixin.jpg" alt="">&nbsp;微信登录</a>&nbsp;</li>
                <li><a href="">注册</a> | <a href="">登录</a></li>
            </ul>
        </div>
    </div>
</div>
<!--点击预算框-->
<div class="yusuan" id="dhs">
    <div class="yu-left">
        <h2>免费获取装修报价</h2>
        <form action="">
            <ul>
                <li>
                    <span>所在城市：</span><span class="yu-red">*</span>
                    <div class="diqu">
                        <select id="s_province" name="sheng" class="gao"></select>
                        <select id="s_city" name="shi" class="gao"></select>
                        <select  style="display: none;" id="s_county" name="qu" class="gao"></select>
                    </div>
                </li>
                <li>
                    <span>房屋面积：</span><span class="yu-red">*</span>
                    <input type="text" id="mianji" placeholder="房屋面积">
                </li>
                <li id="qing-fu">
                    <span>房屋户型：</span><span class="yu-red">*</span>
                    <div class="diqus">
                        <select name="shi" id="" class="yu-shi">
                            <option value="1室">1室</option>
                            <option value="2室">2室</option>
                            <option value="3室">3室</option>
                            <option value="4室">4室</option>
                        </select>
                        <select name="ting" id="" class="yu-ting">
                            <option value="1厅">1厅</option>
                            <option value="2厅">2厅</option>
                        </select>
                        <select name="chu" id="" class="yu-ting">
                            <option value="1厨">1厨</option>
                            <option value="2厨">2厨</option>
                        </select>
                        <select name="wei" id="" class="gao">
                            <option value="1卫">1卫</option>
                            <option value="2卫">2卫</option>
                            <option value="3卫">3卫</option>
                        </select>
                        <select name="yang" id="" class="gao">
                            <option value="1阳台">1阳台</option>
                            <option value="2阳台">2阳台</option>
                        </select>
                    </div>
                </li>
                <li>
                    <span>手机号码：</span><span class="yu-red">*</span>
                    <input id="phone" type="text" placeholder="请输入手机号码">
                    <span class="yu-jing">*为了您的权益，您的隐私将严格保密</span>
                </li>

            </ul>
        </form>
    </div>
    <div class="yu-zhong">
        <hr>
        <div class="yu-yuan">
            <div class="yu-but" onclick="jisuan()">
                开始计算
            </div>
        </div>
        <hr>
    </div>
    <div class="yu-right">
        <img src="images/close.png" alt="" onclick="xiaoshi()">
        <ul class="yu-money">
            <li>
                材料费：<span class="yu-cai"></span>元
            </li>
            <li>
                人工费：<span class="yu-ren"></span>元
            </li>
            <li>
                设计费：<span class="yu-she"></span>元
            </li>
            <li>
                质检费：<span class="yu-zhi"></span>元
            </li>
            <li>
                总费用：<span class="yu-zong"></span>元
            </li>
        </ul>
        <img src="images/erzi.png" alt="" class="erzi">
    </div>
</div>

<div class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        　<!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 -->
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <span class="sr-only">Toggle Navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="col-md-6 col-xs-8">
            <a href="##" class="navbar-brand">
                <img src="images/logo.jpg" alt="">
            </a>
        </div>
        <div class="col-md-6 tel"><img src="images/tel.jpg" alt=""></div>
    </div>

</div>

<div id="guding" class="collapse navbar-collapse navbar-responsive-collapse nav-box">
    <ul class="nav navbar-nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="mengxiang.html">梦想家</a></li>
        <li><a href="jiangzhuang.html">精装家</a></li>
        <li><a href="siren.html">私人订制</a></li>
        <li><a href="sheji.html">设计团队</a></li>
        <li><a href="fengshui.html">风水</a></li>
        <li><a href="guanyu.html">关于</a></li>
        <li class="active"><a href="about.html">联系我们</a></li>
    </ul>
</div>
<!--大图-->
<div class="sj-banner">
    <img src="images/li-1.png" alt="">
</div>
<!--联系我们-->
<div class="deta-content  naihui">
    <div class="deta-con1" >
        <div  class="inde-cont3" id="dh">
            <hr class="inde-biao abou-zhongs">
            <div class="ind-zi ind-zis " >
                <h3 >联系我们</h3>
            </div>
            <hr class="inde-biao abou-zhongs">
            <p class="abou-js">鼎盛装饰集团使用量身定制模式，根据每个客户的不用需求，我们把所有装饰施工项目做成列表让客户根据自身情况进行选择，所有施工项目一目了然，所需费用经济透明</p>
        </div>
        <!--内容-->
        <div class="abouts-cont">
            <!--内容-->
            <div class="abouts-left">
                <img src="images/li-2.png" alt="">
                <ul class="lx-cont">
                    <li>
                        <h5>鼎盛装饰集团旗舰店</h5>
                    </li>
                    <li>
                        <h5>地址：郑州市中原区西四环金马凯旋CBD名店街A09鼎晟集团精品店</h5>
                    </li>
                    <li>
                        <h5>地址：郑州市金水区丰庆路国基路向北500米</h5>
                    </li>
                    <li>
                        <h5>邮编：450000</h5>
                    </li>
                    <li>
                        <h5>电话：0371-56075312</h5>
                    </li>
                </ul>
            </div>
            <!--地图-->
            <div class="abouts-right" id="dituContent">

            </div>
        </div>

    </div>
</div>
<!--业务咨询-->
<div class="lx-xinxi">
    <ul class="xinxi-iphone">
        <li>
            <h5>家装业务咨询</h5>
            <h5>电话：</h5>
            <h5>邮箱：</h5>
        </li>
        <li>
            <h5>投诉报修</h5>
            <h5>电话：</h5>
            <h5>邮箱：</h5>
        </li>
        <li>
            <h5>供应商合作</h5>
            <h5>电话：</h5>
            <h5>邮箱：</h5>
        </li>
        <li>
            <h5>媒体合作</h5>
            <h5>电话：</h5>
            <h5>邮箱：</h5>
        </li>
    </ul>
</div>
<!--人才招聘-->
<div class="deta-content">
    <div class="deta-con1">
        <div  class="inde-cont3" id="dh">
            <hr class="inde-biao abou-zhongs">
            <div class="ind-zi ind-zis " >
                <h3 >人才招聘</h3>
            </div>
            <hr class="inde-biao abou-zhongs">
            <p class="abou-js">鼎盛装饰集团使用量身定制模式，根据每个客户的不用需求，我们把所有装饰施工项目做成列表让客户根据自身情况进行选择，所有施工项目一目了然，所需费用经济透明</p>
        </div>
        <!--六边形-->
        <div id="sharpContainer">
            <div class="sharp center ones">
               <h5> 职位名称：设计师助理</h5>
                <h5>工作地点：郑州</h5>
               <h5>学历要求：大专以上</h5>
               <h5>需求人数：20人</h5>
            </div>
            <div class="sharp top twos">
                <h5>  职位名称：设计师</h5>
                <h5>  工作地点：郑州</h5>
                <h5> 学历要求：大专以上</h5>
                <h5> 工作年限：2年以上</h5>
                <h5> 薪资待遇：底薪+提成+奖金</h5>
                <h5> 需求人数：20人</h5>
            </div>
            <div class="sharp top-left threes">
                <h5>职位名称：电话销售</h5>
                <h5> 工作地点：郑州</h5>
                <h5>薪资待遇：底薪+提成+奖金</h5>
                <h5>需求人数：20人</h5>
            </div>
            <div class="sharp top-right fours">
                <h5>职位名称：市场部经理</h5>
                <h5>工作地点：郑州</h5>
                <h5>学历要求：大专以上</h5>
                <h5>工作年限：2年以上</h5>
                <h5>薪资待遇：底薪+提成+管提</h5>
                <h5>需求人数：2人</h5>
            </div>
            <div class="sharp bottom fives">
                <h5> 职位名称：家装顾问</h5>
                <h5> 工作地点：郑州</h5>
                <h5> 薪资待遇：底薪+提成+奖金</h5>
                <h5> 需求人数：20人</h5>
            </div>
            <div class="sharp bottom-left sixs">
                <h5> 职位名称：设计部经理</h5>
                <h5> 工作地点：郑州</h5>
                <h5> 学历要求：大专以上</h5>
                <h5> 工作年限：2年以上</h5>
                <h5> 薪资待遇：底薪+提成+管提</h5>
                <h5> 需求人数：2人</h5>
            </div>
            <div class="sharp bottom-right sevens">
                <h5>职位名称：网销部-网销专员</h5>
                <h5>工作地点：郑州</h5>
                <h5>薪资待遇：底薪+提成+奖金</h5>
                <h5>需求人数：20人</h5>
            </div>
        </div>
    </div>
</div>


<!-- 最新客户 -->
<div class="customer">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="col-md-8">
                    <h2>最新客户<small>CUSTOMER</small><div class="pull-right"><p>more <span>+</span></p></div></h2>
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>开工日期</th>
                                <th>项目名称</th>
                                <th>装修面积</th>
                                <th>装修风格</th>
                                <th>装修造价</th>
                            </tr>
                            </thead>
                            <tbody class="lll">
                            <tr>
                                <td>2011.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            <tr>
                                <td>2012.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            <tr>
                                <td>2013.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            <tr>
                                <td>2014.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr><tr>
                                <td>2015.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr><tr>
                                <td>2016.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            <tr>
                                <td>2017.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            <tr>
                                <td>2018.12.08</td>
                                <td>保利半山别墅</td>
                                <td>500m²</td>
                                <td>现代北欧</td>
                                <td>180万</td>
                            </tr>
                            </tbody>
                        </table>

                        </table>
                    </div>
                </div>
                <div class="col-md-4">
                    <h2 class="text-center">申请设计<small>DESIGN</small></h2>
                    <form>
                        <div class="form-group">
                            <label for="exampleInputEmail1">您的姓名</label>
                            <input type="text" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">您的电话</label>
                            <input type="text" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputFile">装修面积</label>
                            <input type="text" class="form-control" id="">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputFile">楼盘名称</label>
                            <input type="text" class="form-control" id="">
                        </div>
                        <button type="submit" class="btn btn-default">立即提交申请</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="clearfix"></div>

<!-- 装修报价 -->
<div class="zx" id="dh">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="col-md-5 col-xs-12">
                <div class="col-md-3 col-xs-3"><img src="images/23.png" alt=""></div>
                <div class="col-md-9 col-xs-9">
                    <h3>装修<span>第一步</span></h3>
                    <h4>算算我家装修一共<span>需要多少钱</span></h4>
                </div>

            </div>
            <div class="col-md-5 col-xs-12">
                <form action="">
                    <div class="col-md-9 col-xs-12">
                        <div class="col-md-6 form-group">
                            <input type="text" class="form-control" id="" placeholder="您的姓名">
                        </div>
                        <div class="col-md-6 form-group">
                            <input type="text" class="form-control" id="" placeholder="您的手机号">
                        </div>
                        <div class="col-md-6 form-group">
                            <input type="text" class="form-control" id="" placeholder="楼盘名称">
                        </div>
                        <div class="col-md-6 form-group">
                            <input type="text" class="form-control" id="" placeholder="建筑面积      M²">
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12">
                        <!-- <input type="submit" class="btn" value="获取报价"> -->
                        <a class="btn" href="">获取<br>报价</a>
                    </div>
                </form>
            </div>
            <div class="col-md-2 col-xs-12 telnum">
                <p>免费电话报价<br><span>400-006-7003</span></p>
            </div>

        </div>
    </div>
    <div id="xx" onclick="wu()">x</div>
</div>
<div class="zz" id="dh">
    <img  onclick="sun()" src="images/22.png" alt="">
</div>
<div class="clearfix"></div>

<!-- bottom -->
<div class="bottom">
    <div class="bottom-one">
        <div class="col-md-6 col-md-offset-3 col-xs-12">
            <ul class="row">
                <li class="col-md-2 col-xs-4">关于鼎晟&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">私人订制&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">设计团队&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">精装家&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">梦想家&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">联系我们</li>
            </ul>
        </div><div class="clearfix"></div>
        <div class="col-md-6 col-md-offset-3 line"></div>
        <div class="col-md-6 col-md-offset-3 col-xs-12">
            <div class="col-md-8 col-xs-12">
                <p>邮编：XXXXXX  电子邮箱：XXXXXXXXX@QQ.com</p>
                <p>电话：0371-XXXX-XXXX  手机：13333333333</p>
            </div>
            <div class="col-md-4 col-xs-12">
                <img src="images/er.png" alt="">
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="bottom-two">
        <p class="text-center">版权所有&nbsp;&nbsp;鼎盛装饰&nbsp;&nbsp;技术支持&nbsp;AAAAAA
            &nbsp;&nbsp;备案号正在办理中</p>
    </div>

</div>

<script type="text/javascript" src="js/jquery-2.0.3.min.js" ></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/index.js"></script>
<script src="js/index2.js"></script>
<script src="js/baidu.js"></script>
<script>
    document.onscroll = function () {
        if ($(window).height() + $(document).scrollTop() >= ($('.inde-cont3').offset().top + 150)){
            $('.inde-cont3').css('visibility','visible').addClass('animated zoomIn');
        }
        $('#sharpContainer .sharp').each(function () {
            if ($(window).height() + $(document).scrollTop() >= ($(this).offset().top + 150)){
                $(this).css('visibility','visible').addClass('animated zoomIn');
            }
        });
    }
</script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        if (document.body.clientWidth <= 320){
            $('.ls-inner').css('height','200px');
            $('.bbb').css('height','200px');
            $('.tans').css('display','none');
            $('.xuanfu').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else  if (document.body.clientWidth <= 480 ){
            $('.ls-inner').css('height','280px');
            $('.bbb').css('height','280px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else if(document.body.clientWidth <=767 ){
            $('.ls-inner').css('height','320px');
            $('.bbb').css('height','320px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else if(document.body.clientWidth <=980){
            $('.ls-inner').css('height','550px');
            $('.bbb').css('height','550px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
        }
    });
</script>
</body>
</html>
